<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
   <div ng-app="myApp" ng-controller="myCon">
       <p ng-if="isLoading">正在加载...</p>
       <ul ng-if="!isLoading">
           <li ng-repeat="x in datas">{{x}}</li>
       </ul>
   </div>
<script type="text/javascript">
    angular.module("myApp",[]).controller("myCon",function ($scope,$timeout,$http) {
         $scope.isLoading=true;
         $timeout(function () {
             $http.get("data/jsonone").success(function (obj) {
                 $scope.datas=obj;
             });
             $scope.isLoading=false;
         },3000);

    });
</script>
</body>
</html>